<template>
  <a-layout :style="{background: '#fff'}">
    <a-layout-header class="header">
      <div class="page-title">海报生成器</div>
    </a-layout-header>
    <a-layout-content class="content">
      <router-view />
    </a-layout-content>
    <a-layout-footer class="footer">Ant Design ©2018 Created by Ant UED</a-layout-footer>
  </a-layout>
</template>

<script setup lang="ts">
</script>

<style>
*{ box-sizing:border-box;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,th,td,pre,code,form,fieldset,legend,input,textarea,blockquote,figure,button{ margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary { display:block; }
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body{ font-size: 14px; line-height: 1.44; color: #303133; background: #fff; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
button,input,select,textarea{ font:inherit; color:#303133; line-height: 1.44; border: 0;outline: 0;}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"]{padding-left: 5px;}
audio,canvas,progress,video{ display:inline-block; vertical-align:baseline; }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
ol,ul,li{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
sup,sub{ font-size:100%; vertical-align:baseline;}
a,a:active{ outline:none;}
i{ font-style:normal; }
a,del,ins{ text-decoration:none;}
fieldset,img,acronym{ border:0;}
img,acronym,input,textarea,iframe,button{ vertical-align:middle;}
input,button,textarea,select,optgroup,option{ resize:none; outline:none;}
html,body,a,button,input,li,div,span,section{ -webkit-tap-highlight-color:transparent;outline: none;}
img,video{ max-width:100%;}
a,img{ -webkit-touch-callout: none;}
a,button{ cursor:pointer;}
input,textarea,select{-webkit-appearance: none; appearance: none}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 200px white inset;}
/*
::-webkit-scrollbar{ width:8px; height:8px;}
::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.05);}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical{height: 5px;background-color:rgba(0,0,0,.15); -webkit-border-radius: 10px;}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:vertical:hover{ background-color:rgba(0,0,0,.2);}
*/
.header{
  height: 64px;
  .page-title{
    color: #fff;
  }
}
.footer{
  text-align: center;
  height: 60px;
}
</style>
